import Compatibility from "../_compatibility.mdx";
import Usage from "../_usage.mdx";
import AnimationWarning from "./_animation-warning.mdx";

# Transition Property

## Usage

<Usage />
<AnimationWarning />

## Compatibility

<Compatibility
  experimental={[
    "transition",
    "transition-all",
    "transition-colors",
    "transition-opacity",
    "transition-transform",
    "transition-{n}",
    "transition-[n]",
  ]}
  none={["transition-shadow"]}
/>
